<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>

<body>
  <h1>表单提交</h1>
  <!-- 8 bit
  1byte 中文2字节 英文和符号1个字节
  1024 byte =1kb
  1024kb=1mb
  1024mb=1Gb
  1024Gb=1Tb -->
  <!-- method 提交方式  
      get  地址拦提交  安全性低  大小4kb 左右
      post 浏览器内部传参 安全性高 大小1gb左右
   -->
  <!-- 
    action 提交地址 
    表单提交的数据 用name属性的字段去对应后端需要的数据字段
   -->
  <form method="post" action="/users/addstuedent" id="myform">
    名字：<input type="text" name="username">
    <br>
    年龄:<input type="text" name="age">
    <br>
    性别:<input type="text" name="sex">
    <br>
    爱好:<input type="text" name="hobby">
    <br>
    <input type="submit">
  </form>
  <script src="./javascripts/jquery-3.4.1.min.js"></script>
  <script>
    $("#myform").submit(function () {

    })


  </script>
</body>

</html>